﻿/* Classes/Propriedades - Cabeçalho */

/* HTML */
html{
	height: 100%;
}

/* Corpo da Página */
body{
	background-image: url("../images/bg_body.png");
	background-repeat: repeat-x;  
	background-attachment: scroll;
	background-position: 0px 0px;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* Formulário */
form{
	margin: 0px;
}

/* Links */
a{
	text-decoration: none;
}

/* Divisão Principal */
.main{
	min-width: 85%;
	max-width: 97%;
	margin: auto;
}

/* Divisão da Aplicação */
.application{
	margin: auto;
}

/* Divisão dos Logos */
.logo{
	height: 75px;
}

/* Divisão do Logo do Produto */
.logo .logo_img{
	background-image: url("../images/logo_produto.png");
	background-repeat: no-repeat;  
	background-attachment: scroll;
	background-position: 1% 50%;
	background-color: transparent;
	width: 50%;
	height: 100%;
	float: left;
}

/* Divisão do Logo da Maps */
.logo .logo_maps{
	background-image: url("../images/logo_maps.png");
	background-repeat: no-repeat;  
	background-attachment: scroll;
	background-position: right 50%;
	background-color: transparent;
	width: 49.9%;
	height: 100%;
	float: right;
}

/* Divisão do Usuário/Logout */
.user_logout{
	height: 29px;
}

/* Divisão do Usuário */
.user_logout .user_div{
	background-image: url("../images/bg_toolbar_01.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
	background-color: transparent;
	height: 100%;
	width: 60%;
	float: left;
}

/* Seção do Usuário */
.user_div .user{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	float: left;
	padding: 9px 11px 9px 11px;
	height: 11px;
}

/* Link da Seção do Usuário */
.user_div .user a{
	text-decoration: none;
	color: #000000;
}

/* Seção de Acesso do Usuário */
.user_logout .user_access{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	float: left;
	padding: 9px 11px 9px 11px;
	height: 11px;
}

/* Divisão do Logout */
.user_logout .logout_div{
	background-image: url("../images/bg_toolbar_02.png");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 1% 50%;
	background-color: transparent;
	height: 100%;
	width: 40%;
	float: right;
}

/* Divisão da Versão da Aplicação */
.logout_div .version{
	width: 80%;
	float: left;
	padding: 7px 3px 8px 3px;
}

/* Seção da Divisão da Versão da Aplicação */
.logout_div .version span{
	color: #5E5E5E;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	margin: 4px 2px 2px 2px;
}

/* Link do Logout */
.logout_div a{
	float: right;
	text-align: right;
	padding: 7px 11px 7px 11px;
	height: 15px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* Imagem do Link do Logout */
.logout_div img{
	border: 0px none;
}
/*==========================================================================================*/
/* Classes/Propriedades - Menu */


/* Divisão do Menu Principal */
.menu{
	height: 24px;
	width: 100%;
	margin-bottom: 1px;
}

/* Divisão da Lista de Menus */
.menu .menu_list{
	
}

/* Imagem do Menu */
.menu_list a img{
	float: right;
    height: 10px;
    width: 10px;
}

/* Lista Não Ordenada - 1º Nível */
.menu_list ul{
	background-image: url("../images/bg_menu.gif");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center center;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}

/* Lista Não Ordenada - Itens do 1º Nível */
.menu_list ul li{
	float: left;
	position: relative;
}

/* Link dos Itens do 1º Nível */
.menu_list ul li a{
	background-color: #F5F5F7;
	border: 1px solid #D9D9D9;
	padding: 2px 10px 0px 10px;
	display: block;
	text-decoration: none;
}

/* Link dos Itens do 1º Nível - Hover */
.menu_list ul li a:HOVER{
	background-color: #CED3D5;
}

/* Label dos Links dos Itens do 1º Nível */
.menu_list ul li a span{
	color: #000000;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

/* Lista Não Ordenada - 2º Nível */
.menu_list ul li ul{
	position: absolute;
	/* top: 17px; */
	left: 0;
	display: none;
}

/* Lista Não Ordenada - Itens do 2º Nível */
.menu_list ul li ul li{
	display:block;
	width: 150px;
}

/* Lista Não Ordenada - Hover dos Itens do 2º Nível */
.menu_list ul li:HOVER ul ul{
	display: none;
}

/* Lista Não Ordenada - Hover dos Itens do 3º Nível */
.menu_list ul li ul li:HOVER ul ul{
	display: none;
}

/* Lista Não Ordenada - Hover dos Itens do 4º Nível */
.menu_list ul li ul li ul li:HOVER ul ul{
	display: none;
}

/* Lista Não Ordenada - Itens do 3º Nível */
.menu_list ul li ul li ul{	
	z-index: 9000;
	top: 0px;
	left: 150px;
}

/* Lista Não Ordenada - Hover dos Itens do 1º, 2º, 3º e 4º Nível */
.menu_list ul li:HOVER ul, .menu_list ul li ul li:HOVER ul, .menu_list ul li ul li ul li:HOVER ul, .menu_list ul li ul li ul li ul li:HOVER ul{
	display: block;
}
/*==========================================================================================*/
/* Classes/Propriedades - Breadcrumb */

/* Divisão do Breadcrumb */
.breadcrumb{
	margin-bottom: 5px;
}

/* Imagem do Breadcrumb */
.breadcrumb img{
	
}

/* Seção do Breadcrumb */
.breadcrumb span{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4C4E9B;
}

/* Link do Help */
.breadcrumb a{
    text-decoration: none;
}

/* Link do Help - Hover */
.breadcrumb a:HOVER{
    position: relative;
}

/* Imagem do Help */
.breadcrumb a img{
    border: 0 none;
    height: 14px;
    left: 0;
    margin-left: 5px;
    width: 14px;
}

/* Seção do Help */
.breadcrumb a span{
	left: 2em;
    display: none;
}

/* Seção do Help - Hover*/
.breadcrumb a:HOVER span{
    background-color: #EAEAEA;
    border: 1px solid #1C3F79;
    color: #000000;
    display: block;
    left: 2em;
    min-width: 250px;
    position: absolute;
    text-align: left;
    top: 0.5em;
    width: auto;
}

/*==========================================================================================*/
/* Classes/Propriedades - Conteúdo */

/* Divisão do Conteúdo */
.content{
	padding-bottom: 20px;
}


/* Seção do IFrame */
.external_page{
	height: 600px;	
}

/*==========================================================================================*/
/* Classes/Propriedades - Rodapé */

/* Divisão do Rodapé */
.footer{
    background-image: url("../images/bg_footer.png");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0px 0px;
    background-color: transparent;
    height: 20px;
    position: fixed;
    bottom: 0px;
    width: 97%;
}

/*==========================================================================================*/
/* Classes/Propriedades - Formatação de Campos (Alinhamento) */

.stringCell{
	text-align: left;
}

.dateCell{
	text-align: center;
}

.numberCell{
	text-align: right;
}

.checkCell{
	text-align: center;
}

/*==========================================================================================*/
/* Classes/Propriedades - Feedbacks */

/* Classe Que Designa a Cor Dos Asteriscos Que São Campos Obrigatórios */
.required {
    color: #FF0000;
    font-weight: bold;
    padding-left: 2px;
}

/* Divisão do Feedback */
.feedback{
	
}

/* Painel do Feedback */
.feedbackPanel{
	list-style: none;
    margin: 0px;
    padding: 0px;
}

/* Mensagem de Feedback de Erro */
.feedbackPanelERROR{
	color: #FF0000;
	font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    vertical-align: middle;
    list-style: none;
}

/* Mensagem de Feedback de Sucesso */
.feedbackPanelINFO{
	color: #00FF00;
	font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    vertical-align: middle;
    list-style: none;
}

/*==========================================================================================*/
/* Classes/Propriedades - Cron Component */

/* Tabela do Cron Component */
.table_cron{
    border-collapse: collapse;
}

/* Linha do Cabeçalho da Tabela do Cron Component */
.table_cron tr td{
	padding: 2px 2px 2px 2px;
	text-align: center;
}

/* Rótulo da Tabela do Cron Component */
.table_cron tr td label{
	color: #000000;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    display: block;
}

/* Campo de Seleção da Tabela dos Filtros */
.table_cron tr td select.seletor{
	border: 1px solid #BBBBBB;
    color: #6D6D6D;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    height: 20px;
    margin: 4px;
}

/* Campo de Seleção da Tabela dos Filtros - Focus */
.table_cron tr td select.seletor:FOCUS{
	border: 1px solid #000000;
}

/* Campo de Seleção para Dias, Semanas e Meses */
.table_cron tr td select.seletor_cron{
	border: 1px solid #BBBBBB;
    color: #6D6D6D;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    height: 20px;
    margin: 4px;
	height:90px;
}

/* Campo de Seleção para Dias, Semanas e Meses - Focus */
.table_cron tr td select.seletor_cron:FOCUS{
	border: 1px solid #000000;
}

div#blockUI {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
}
